﻿@charset "UTF-8";

.tituloListado {
	font-weight: bold;
	color: #3A4A58;
	font-size: 16px;
	font-family: 'Average Sans', sans-serif;
	padding-left: 55px;
}
.titulo1{
	font-weight: bold;
	color: #3A4A58;
	font-size: 16px;
	font-family: 'Average Sans', sans-serif;
}
.subTituloListado {
	margin-top: 4px;
	margin-left: 4px;
	color: #186B8F;
}
.explanation{
	width: 100%;
	text-align : justify;
	display: block;
	margin-top: 4px;
	margin-left: 4px;
	color: #3A4A58;
}
.extendExplanation{
	text-align : justify;
	display: block;
	margin-top: 4px;
	margin-left: 4px;
	color: #186B8F;
	
}

legend {
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	background-color: white;
	float: right;
	padding: 0px 20px;
	position: relative;
	right: 0px;
	top: -39px;
}

fieldset {
	background-color: white;
	/* border: 2px solid #D8D8D8; */
	border-top: 4px solid #6ED4E0;
	/* -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px; */
}

fieldset {
	margin-bottom: 10px; 
	margin-top: 10px ;
}

h1 {
	font-size: 18;
	font-weight: bold;
	color: #3C3C3B;
}

h2 {
	font-size: 16;
	font-weight: normal;
	color: #3C3C3B;
}
/****************************************************************
********************        TABLAS          *********************
*****************************************************************/
fieldset.table {
	background: url("../img/fondoTabla1.png") repeat-x scroll 0 0 transparent;
}

fieldset.table table {
	position: relative;
	top: -25px;
	width: 100%;
}

fieldset table {
	width: 100%;
}

fieldset thead th {
	background-color: #EBEBEB;
	color: #3A4A58;
	font-size: 15px;
	text-align: left;
}

fieldset thead th {
	padding: 10px 0px;
}

fieldset thead tr th:FIRST-CHILD {
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}

fieldset table tr.fila1 {
	background-color: #FFFFFF;
	text-align: center;
}

fieldset table tr.fila0 {
	background-color: #F4F4F4;
	text-align: center;
}

fieldset table tr.selected {
	background: url("../img/selecciontabla.png") repeat-y scroll 0 0 #F5FBFE;
	text-align: center;
}

fieldset table tr {
	
}

fieldset table tr td:FIRST-CHILD {
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}

fieldset table td {
	padding: 15px 10px;
	border-bottom: 1px solid white;
}

fieldset table tr:last-child td:FIRST-CHILD {
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px;
	-ms-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}

/****************************************************************
********************        LISTAS          *********************
*****************************************************************/
fieldset.list div.bloque {
	padding: 10px 20px;
	border-bottom: 1px solid #D8D8D8;
}

fieldset div.fila {
	margin: 10px;
}

fieldset.list div.labelContainer,div.inputContainer {
	vertical-align: top;
	display: inline-block;
	/* For IE 7 */ #
	display: inline;
	_display: inline;
	zoom: 1;
}

fieldset.list div.checkBoxContainer {
	display: table-cell;
	padding: 0 10px 0 0;
	vertical-align: middle;
}

fieldset.list div.dataContainer {
	display: table-cell;
}

fieldset.list div.labelContainer label {
	font-weight: bold;
	display: block;
}

fieldset.list div.inputContainer label {
	
}

fieldset.list div.bloque.selected {
	background: url("../img/selecciontabla.png") repeat-y scroll 0 0 #F5FBFE;
}

fieldset.list div.bloque.selected:last-child {
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px;
	-ms-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}

fieldset.list div.bloque.selected:nth-child(2) {
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-khtml-border-radius: 10px 10px 0px 0px;
	-ms-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}

fieldset.list div.bloque div.dataContainer div.fila .colIzquierda,
fieldset.list div.bloque div.dataContainer div.fila .colDerecha {
    display: table-cell;
    padding: 0 10px;
}

fieldset.list div.colDerecha a label{
	cursor: pointer;
}
.barraHerramientas{
	background-color: #CCEEF3;
}

/****************************************************************
********************        ICONOS          *********************
*****************************************************************/
.btnContainer,.btnContainer>* {
	vertical-align: middle;
}

legend input[type="submit"],legend input[type="button"] {
	background-color: blue;
	border: medium none;
	cursor:pointer;
	height: 22px;
	margin: 5px;
	width: 22px;
}

legend input[type="submit"][disabled],legend input[type="button"][disabled] {
	background-color: gray;
	 cursor: default;
}

legend input[type="submit"]:HOVER,legend input[type="button"]:not ([disabled] ):HOVER {
	cursor: pointer;
	background-color: lightblue;
}

legend input[type="button"].saveButton {
	background: url("../img/botones/btnguardar.png") no-repeat scroll center center transparent;
}

legend input[type="button"][disabled].saveButton {
	background: url("../img/botones/btnguardar_des.png") no-repeat scroll center center transparent;
}

legend input[type="button"].saveButton:not ([disabled] ):HOVER {
	background: url("../img/botones/btnguardar_hov.png") no-repeat scroll center center transparent;
}

legend input[type="button"].cancelSelectionButton {
	background: url("../img/botones/btncancelar.png") no-repeat scroll center center transparent;
}

legend input[type="button"][disabled].cancelSelectionButton {
	background: url("../img/botones/btncancelar_des.png") no-repeat scroll center center transparent;
}

legend input[type="button"].cancelSelectionButton:not ([disabled] ):HOVER {
	background: url("../img/botones/btncancelar_hov.png") no-repeat scroll center center transparent;
}

legend input[type="button"].deleteButton {
	background: url("../img/botones/btnelimnar.png") no-repeat scroll center center transparent;
}

legend input[type="button"][disabled].deleteButton {
	background: url("../img/botones/btnelimnar_des.png") no-repeat scroll center center transparent;
}

legend input[type="button"].deleteButton:not ([disabled] ):HOVER {
	background: url("../img/botones/btnelimnar_hov.png") no-repeat scroll center center transparent;
}

legend input[type="button"].addButton {
	background: url("../img/botones/btnAddNew.png") no-repeat scroll center center transparent;
}

legend input[type="button"][disabled].addButton {
	background: url("../img/botones/btnAddNew_des.png") no-repeat scroll center center transparent;
}

legend input[type="button"].addButton:not ([disabled] ):HOVER {
	background: url("../img/botones/btnAddNew_hov.png") no-repeat scroll center center transparent;
}

legend input[type="button"].unsubscribeButton {
	background: url("../img/botones/btndeshabilitar.png") no-repeat scroll center center transparent;
}

legend input[type="button"][disabled].unsubscribeButton {
	background: url("../img/botones/btndeshabilitar_des.png") no-repeat scroll center center transparent;
}

legend input[type="button"].unsubscribeButton:not ([disabled] ):HOVER {
	background: url("../img/botones/btndeshabilitar_hov.png") no-repeat scroll center center transparent;
}


legend input[type="button"].generatePassButton {
	
}

legend input[type="button"][disabled].generatePassButton {
	
}

legend input[type="button"].generatePassButton:not ([disabled] ):HOVER {
	
}

legend input[type="button"].viewEditButton {
	background: url("../img/botones/btnedit.png") no-repeat scroll center center transparent;
}

legend input[type="button"][disabled].viewEditButton {
	background: url("../img/botones/btnedit_des.png") no-repeat scroll center center transparent;
}

legend input[type="button"].viewEditButton:not ([disabled] ):HOVER {
	background: url("../img/botones/btnedit_hov.png") no-repeat scroll center center transparent;
}

legend input[type="button"].mainButton {
	background: url("../img/botones/btndomain.png") no-repeat scroll center center transparent;
}

legend input[type="button"][disabled].mainButton {
	background: url("../img/botones/btndomain_des.png") no-repeat scroll center center transparent;
}

/****************************************************************
******************        ELEMENTOS          ********************
*****************************************************************/